<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="form" uri="http://www.springframework.org/tags/form" %>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>转让池</title>
    <mystyle>
        <link href="/static/static/css/style.css" rel="stylesheet" type="text/css">
    </mystyle>
</head>
<body>
<div id="selectBox" class="msfont">
    <div class="w1217 center clearfix">
        <div class="selectItem pull-left">
            <span class='pull-left labels'>目的地</span>

            <div class="select pull-left">
                <div class="text" id="area" name="area">不限</div>
                <div class="larrow"><i class="fa fa-caret-down"></i></div>
                <ul class="dropmenus">
                    <li>不限</li>
                    <li>三亚</li>
                    <li>苏州</li>
                    <li>丽江</li>
                    <li>西双版纳</li>
                    <li>深圳</li>
                    <li>广州</li>
                    <li>成都</li>
                    <li>昆明</li>
                </ul>
            </div>
        </div>
        <div class="selectItem pull-left">
            <span class='pull-left labels'>周次</span>

            <div class="select pull-left">
                <div class="text" id="week" name="week">不限</div>
                <div class="larrow"><i class="fa fa-caret-down"></i></div>
                <ul class="dropmenus">
                    <li>不限</li>
                    <li>黄金周</li>
                    <li>旺季周</li>
                    <li>平季周</li>
                    <li>淡季周</li>
                </ul>
            </div>
        </div>
        <div class="selectItem pull-left">
            <span class='pull-left labels'>主题</span>

            <div class="select pull-left">
                <div class="text" id="themes" name="themes">不限</div>
                <div class="larrow"><i class="fa fa-caret-down"></i></div>
                <ul class="dropmenus">
                    <li>不限</li>
                    <li>高尔夫</li>
                    <li>沙滩</li>
                    <li>湖景</li>
                    <li>雪山</li>
                    <li>古镇</li>
                    <li>避寒</li>
                    <li>避暑</li>
                    <li>温泉</li>
                </ul>
            </div>
        </div>
        <div class="selectItem pull-left">
            <span class='pull-left labels'>&nbsp;&nbsp;</span>

            <div>
                <div style="text-align: center;">
                    <button type="button" class="btn btn-default" onclick="toAssignmnetSearch()"
                            style="height: 40px;width: 100px;margin-right: 40px">搜索
                    </button>
                </div>
            </div>
        </div>
    </div>
</div>
<!--开始-->
<div id="listData">
    <jsp:include page="toAssigmnentListdata.jsp"></jsp:include>
</div>
<!--结束-->
<myscript>
    <script type="text/javascript">
        $("#selectBox .selectItem .select").click(function (event) {
            $(this).find('.dropmenus').toggle();
        });
        $("#selectBox .selectItem .select .dropmenus li").click(function (event) {
            var text = $(this).html();
            var txtojb = $(this).parent().siblings('.text');
            txtojb.html(text);-*--------
        });
        function toAssignmnetSearch() {
            var area = $("#area").html();
            var week = $("#week").html();
            var themes = $("#themes").html();
            $("#listData").empty();
            $("#listData").load("/toAssignmnet/search", {area: area, week: week, themes: themes});
        }


        $(function () {
            getUserInfo();
            $('.cnInUl ul li').click(function (e) {
                $(this).addClass('current').siblings().removeClass('current');
            });
            /*nameDetail*/
            $('.nameDetail').css('display', 'none');
            $('.personName').hover(function (e) {
                $('.nameDetail').css('display', 'block');
            }, function () {
                $('.nameDetail').css('display', 'none');
            });

        })
        function userDetails() {
            location.href = "/front/user_info/form";
        }
    </script>
</myscript>
</body>
</html>